<!--
Author: 青枫
DateTime: 2019.08.02
Desc: 确认订单信息—现货
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>确认订单信息—现货</title>
    <link rel="stylesheet" href="./static/css/global.css">
    <script src="./static/js/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="./static/js/css/layui.css" media="all">
    <script src="./static/js/global/jquery-3.2.1.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="./static/css/style.min.css">
    <link rel="stylesheet" href="./static/css/confirmOrder.css">
</head>

<body>
    <div class="global-title">
        <div>
            <!-- <span class="title-left">嗨，欢迎来贝链嗨购</span> -->
            <div class="title-left-login">
                <span>嗨，欢迎来贝链嗨购</span>
                <div class="title-left-login-user">
                    <img src="./static/img/img1.png" alt="">
                    <span>这里是用户昵称</span>
                </div>
                <a href="./mine.html">个人中心</a>
                <a href="">收藏夹</a>
                <a href="">退出账户</a>
            </div>
            <div class="title-right">
                <a href="/shopLogin.html">供应商登录</a>
                <a href="./help.html">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="global-header">
        <a href="./index.html" class="header-left">
            <img src="./static/img/header_logo.png" alt="">
            <span>个人中心</span>
        </a>
    </div>
    <div class="wd1200 main">
        <div class="f-666 f-20 tou">确认订单信息</div>
        <div class="dingdan">
            <div class="f-14 f-999 top">
                <div class="">商品</div>
                <div class="">已选规格</div>
                <div class="">单价</div>
                <div class="">数量</div>
                <div class="">小计</div>
            </div>
            <div class="bot">
                <div class="">
                    <img src="./static/img/lie11.png" alt="" class="">
                    <span class="f-16">智利熟冻帝王蟹5.0-5.4斤/只</span>
                </div>
                <div class="">
                    <div class="inline-block">60kg/箱</div>
                    <div class="inline-block" style="cursor: pointer;">修改</div>
                </div>
                <div class="">
                    <span class="f-14">￥888.00</span>
                </div>
                <div class="zengjian">
                    <section class="cart-table-content-td4">
                        <input type="button" value="+" onclick="add(this)" />
                        <input type="text" class="text_box" value="1" />
                        <input type="button" value="-" onclick="del(this)" />
                    </section>
                </div>
                <div class="xiaoji">
                    <span class="">¥1776.00</span>
                </div>
            </div>
        </div>
        <div class="ft mt-30">
            <div class="zuo left">
                <form action="">
                    <div class="f-18 f-666 f-wei">发票信息</div>
                    <div class="xuanze">
                        选择发票信息
                    </div>
                    <div class="">
                        <div class="f-14 f-666 inline-block mr-16">发票种类</div>
                        <div class="inline-block mr-40">
                           <input type="radio" name="fp" id=""><span class="f-666">普票</span> 
                        </div>
                        <div class="inline-block">
                           <input type="radio" name="fp" id=""><span class="f-666">专票</span> 
                        </div>
                    </div>
                    <div class="biaodan mt-24">
                        <div class="">
                        <div class="inline-block f-666 f-14 mr-16">公司名称</div>
                        <div class="inline-block">
                            <input type="text" class="" placeholder="请输入">
                        </div>
                        </div>
                        <div class="">
                        <div class="inline-block f-666 f-14 mr-16">公司地址</div>
                        <div class="inline-block">
                            <input type="text" class="" placeholder="请输入">
                        </div>
                        </div>
                        <div class="">
                        <div class="inline-block f-666 f-14 mr-16">开户行</div>
                        <div class="inline-block">
                            <input type="text" class="" placeholder="请输入">
                        </div>
                        </div>
                        <div class="">
                        <div class="inline-block f-666 f-14 mr-16">税号</div>
                        <div class="inline-block">
                            <input type="text" class="" placeholder="请输入">
                        </div>
                        </div>
                        <div class="">
                        <div class="inline-block f-666 f-14 mr-16">邮寄地址</div>
                        <div class="inline-block">
                            <input type="text" class="" placeholder="请输入">
                        </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="you left">
                    <div class="f-18 f-666 f-wei">提货人信息</div>
                    <div class="biaodan">
                        <div class="">
                            <div class="inline-block f-666 f-14 mr-16">姓名</div>
                            <div class="inline-block">
                                <input type="text" class="" placeholder="请输入">
                            </div>
                        </div>
                        <div class="">
                            <div class="inline-block f-666 f-14 mr-16">手机号</div>
                            <div class="inline-block">
                                <input type="text" class="" placeholder="请输入">
                            </div>
                        </div>
                        <div class="">
                            <div class="inline-block f-666 f-14 mr-16">身份证号</div>
                            <div class="inline-block">
                                <input type="text" class="" placeholder="请输入">
                            </div>
                        </div>
                    </div>
                    <div class="" style="margin-bottom: 18px;">
                        <input type="radio" name="ty" id="">
                        <span class="f-666">暂不确定收货人信息（注：可在“我的订单”中继续晚上，填写次数限制一次</span>
                    </div>
                    <div class="">
                        <input type="radio" name="ty" id="">
                            <span class="f-666">同意《货物自提协议》</span>
                    </div>
                    <div class="text-c" style="margin-top: 50px;color:rgba(19, 74, 160, 1); ">
                        <span class="">生成并查看电子合同 >></span>
                    </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="qd mt-30">
            <div class="left">
                    <div class="f-18 f-666 f-wei">其他服务</div>
                    <div class="">
                    <div class="inline-block" style="margin-right: 90px;">
                        <input type="radio" name="xy" id="">
                        <span class="f-666 f-16">不需要</span>
                    </div>
                    <div class="inline-block">
                        <input type="radio" name="xy" id="">
                        <span class="f-666 f-16">需要</span>
                    </div>
                    <div class="f-14 f-666 mt-45">注：若需要其他服务，请与客服联系后再支付</div>
                </div>
            </div>
            <div class="left">
                    <div class="f-18 f-666 f-wei">其他服务</div>
                    <div class="">
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="zonge mt-45 text-r pr-40">
            <p class="inline-block f-18 f-666 mr-30">商品总额：</p>
            <p class="inline-block f-18 f-333">1776.00</p>
        </div>
        <div class="text-r pr-40">
                <p class="inline-block f-18 f-333 mr-30">店铺优惠 满10000元 减 300元：</p>
                <p class="inline-block f-18 f-333">-300.00</p>
        </div>
        <div class="zhifu">
                <p class="inline-block f-16 f-666 mr-30">需要支付：</p>
                <p class="inline-block f-333">¥1476.00</p>
        </div>
        <div class="tijiao">
            <div class="inline-block">
                <button>确认订单</button>
            </div>
            <div class="inline-block">
                <button>确认并支付</button>
            </div>
        </div>
    </div>
    <!-- 选择发票信息 -->
    <div class="xzfpxx none">
        <img src="./static/img/close.png" alt="" class="chahao">
        <div class="text-c title">选择发票信息</div>
        <div class="flex">
            <div class="">
                    <input type="radio" name="fapiao" value="1" id="fapiao-1">
                    <label for="fapiao-1">
                <div class="">发票信息1</div>
                <p class="mb-16 mt-20">威海掌上鲜食品有限公司</p>
                <div class="mb-16">
                    <span class="f-14 f-666 inline-block span-title">公司名称</span>
                    <span class="f-14 f-333">威海崂山区香港东路23号</span>
                </div>
                <div class="mb-16">
                        <span class="f-14 f-666 inline-block span-title">开户行</span>
                        <span class="f-14 f-333">中国农业银行</span>
                </div>
                <div class="mb-16">
                        <span class="f-14 f-666 inline-block span-title">税号</span>
                        <span class="f-14 f-333">2093892834092</span>
                </div>
                <div class="">
                        <span class="f-14 f-666 inline-block span-title">邮寄地址</span>
                        <span class="f-14 f-333">威海市崂山区香港东路23号</span>
                </div>
            </label>
            </div>
            <input type="radio" name="fapiao" value="2">

            <div class="">
                    <input type="radio" name="fapiao" value="2" id="fapiao-1">
                    <label for="fapiao-1">
                    <div class="">发票信息1</div>
                    <p class="mb-16 mt-20">威海掌上鲜食品有限公司</p>
                    <div class="mb-16">
                        <span class="f-14 f-666 inline-block span-title">公司名称</span>
                        <span class="f-14 f-333">威海崂山区香港东路23号</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">开户行</span>
                            <span class="f-14 f-333">中国农业银行</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">税号</span>
                            <span class="f-14 f-333">2093892834092</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">邮寄地址</span>
                            <span class="f-14 f-333">威海市崂山区香港东路23号</span>
                    </div>
                </label>
            </div>
            <input type="radio" name="fapiao" value="3">

            <div class="">
                    <input type="radio" name="fapiao" value="3" id="fapiao-1">
                    <label for="fapiao-1">
                    <div class="">发票信息1</div>
                    <p class="mb-16 mt-20">威海掌上鲜食品有限公司</p>
                    <div class="mb-16">
                        <span class="f-14 f-666 inline-block span-title">公司名称</span>
                        <span class="f-14 f-333">威海崂山区香港东路23号</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">开户行</span>
                            <span class="f-14 f-333">中国农业银行</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">税号</span>
                            <span class="f-14 f-333">2093892834092</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">邮寄地址</span>
                            <span class="f-14 f-333">威海市崂山区香港东路23号</span>
                    </div>
                </label>
            </div>
            <input type="radio" name="fapiao" value="4">

            <div class="">
                    <input type="radio" name="fapiao" value="4" id="fapiao-1">
                    <label for="fapiao-1">
                    <div class="">发票信息1</div>
                    <p class="mb-16 mt-20">威海掌上鲜食品有限公司</p>
                    <div class="mb-16">
                        <span class="f-14 f-666 inline-block span-title">公司名称</span>
                        <span class="f-14 f-333">威海崂山区香港东路23号</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">开户行</span>
                            <span class="f-14 f-333">中国农业银行</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">税号</span>
                            <span class="f-14 f-333">2093892834092</span>
                    </div>
                    <div class="mb-16">
                            <span class="f-14 f-666 inline-block span-title">邮寄地址</span>
                            <span class="f-14 f-333">威海市崂山区香港东路23号</span>
                    </div>
                </label>
            </div>
        </div>
        <div class="bottom text-c">
            <div class="inline-block quxiao">取消</div>
            <div class="inline-block yes">确定</div>
        </div>
    </div>
    <!-- 选择发票信息 -->
    <!-- 专票信息 -->
    <!-- 蒙层 -->
    <div class="mengceng"></div>
    <!-- 蒙层 -->
    <div class="zhuanpiao">
        <img src="./static/img/close.png" alt="" class="zhuanpiao-img">
        <div class="text-c title">专票信息</div>
        <div class="shuom">
            <div class="inline-block ver-sub"></div>
            <div class="inline-block f-666 f-16">发票信息</div>
        </div>
        <div class="biaodan">
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">发票名称</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">公司名称</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">公司地址</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">开户行</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">税号</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">邮寄地址</div>
                <div class="inline-block">
                    <input type="text" class="" placeholder="请输入">
                </div>
            </div>
            <div class="">
                <div class="inline-block f-666 f-14 mr-16">上传证件</div>
                <p class="inline-block f-999 f-14">（营业执照、税务登记证等）</p>
            </div>
            <div class="shangchuan">
                <label for="male">
                    <input type="radio" name="" id="male" class="none">
                <div class="">
                    <img src="./static//img/xxj.png" alt="" class="">
                </div>
                </label>
                <div class="inline-block">最多上传x张照片</div>
            </div>
        </div>
        <div class="text-c ti f-14">
            <div class="inline-block f-999">取消</div>
            <div class="inline-block f-fff zhuanpiao-tj">提交</div>
        </div>
    </div>
    <!-- 专票信息 -->
     <!-- footer -->
     <div class="global-footer" style="margin-top: 100px;">
            <div class="global-footer-header">
                <div>
                    <img class="footer1" src="./static/img/footer1.png" alt="">
                    <div>
                        <p>供应链直采</p>
                        <p>限定产源 质量保证</p>
                    </div>
                </div>
                <div>
                    <img class="footer2" src="./static/img/footer2.png" alt="">
                    <div>
                        <p>海外全品类</p>
                        <p>实时物流 安全可控</p>
                    </div>
                </div>
                <div>
                    <img class="footer3" src="./static/img/footer3.png" alt="">
                    <div>
                        <p>区块链溯源</p>
                        <p>实时物流 安全可控</p>
                    </div>
                </div>
                <div>
                    <img class="footer4" src="./static/img/footer4.png" alt="">
                    <div>
                        <p>全过程冷链</p>
                        <p>实时物流 安全可控</p>
                    </div>
                </div>
            </div>
            <div style="width: 100%;height: 1px;background-color: #ffffff;opacity: 0.38;"></div>
            <div class="global-footer-cont">
                <div>
                    <a href="./index.html" class="global-footer-cont-logo">
                        <img src="./static/img/footer_logo.png" alt="">
                    </a>
                    <a href="" class="global-footer-cont-menu">关于我们</a>
                    <a href="" class="global-footer-cont-menu">产品中心</a>
                    <a href="" class="global-footer-cont-menu">服务介绍</a>
                    <a href="./help.html" class="global-footer-cont-menu">购物指南</a>
                    <a href="./help.html" class="global-footer-cont-menu">帮助中心</a>
                </div>
                <div>
                    <img src="./static/img/footer_code.png" alt="">
                    <p>扫描关注</p>
                    <p>贝链嗨购官方微信</p>
                </div>
            </div>
            <div class="global-footer-explain">鲁ICP备 18098987号 copyright @2018 beilianhaigou.com.ALL Rights Reserved.</div>
        </div>
        <!-- footer -->
        <script>
            $(function(){
                $(".ft .zuo .xuanze").click(function(){
                    $(".mengceng").css("display","block");
                    $(".zhuanpiao").css("display","block");
                });
                $(".xzfpxx .bottom .yes").click(function(){
                    $(".xzfpxx").css("display","none");
                });
                $(".chahao").click(function(){
                    $(".xzfpxx").css("display","none");
                });
                $(".zhuanpiao-img").click(function(){
                    $(".mengceng").css("display","none");
                    $(".zhuanpiao").css("display","none");
                })
                $(".zhuanpiao-tj").click(function(){
                    $(".mengceng").css("display","none");
                    $(".zhuanpiao").css("display","none");
                    $(".xzfpxx").css("display","block");
                })
            });
        </script>